// JavaScript Document
$(function () {

    var order;//标记用户点击的信息索引值，为信息的修改删除做定位标记

    //1，点击删除按钮删除相应信息词条
    $('#f-table').on('click', '.bg-color2', function () {
        order = $(this).parents('tr').index();//1.获取要删除的信息条目索引值
    })

    $('.modal-footer').on('click', '.bg-color2', function () {
        targetTr = $('#f-table').children().eq(order);//信息确定删除时由索引值定位的删除项。
        $(this).parents('.modal').hide();//提示框消失
        $('.modal-backdrop').hide();//模态框消失
        targetTr.remove();//相应信息清除
    });

    //2，点击左上角增加按钮让信息输入框弹出
    $('#add_info').click(function () {
        $('#pop_info').css('display', 'block');//弹出新建信息页面
        $('#pop_info').find('input').val('');//初始化新建信息页面
        $('#new_add').css('display', 'block');//显示新建信息页面的按钮组
        $('#txt_add').css('display', 'none');//关闭修改信息页面的按钮组
    });
    //新增时点击返回按钮的效果
    $('#new_add').on('click', '.bg-color2', function () {
        $('#pop_info').find('input').val('');//清空新建信息
        $('#pop_info').css('display', 'none');//关闭新建页面
        $('#new_add').css('display', 'none');//关闭新建信息页面的按钮组
    })

    //按确定按钮增加新信息：
    $('#new_add').on('click', '.bg-color', function () {
        var xnum = $(this).parents('#pop_info').find('.num-input').val(),//获取增加的场地编号等信息
            xname = $(this).parents('#pop_info').find('.name-input').val(),
            xowner = $(this).parents('#pop_info').find('.owner-input').val(),
            xcoords = $(this).parents('#pop_info').find('.coords-input').val()
        xweight = $(this).parents('#pop_info').find('.weight-input').val()
        // newTr = $('#f-table').children().eq(0).clone(true);//借助克隆体建立新信息。

        if (xname != '') {//新增信息不为空时：
            $('#pop_info').css('display', 'none');//关闭新建信息页面
            $('#new_add').css('display', 'none');//关闭用于新增的按钮组
            newTr.children('.port-num').text(xnum);//把新建信息回显至相应条栏
            newTr.children('.port-name').text(xname);
            newTr.children('.port-owner').text(xowner);
            newTr.children('.port-coords').text(xcoords);
            newTr.children('.port-weight').text(xweight);
            newTr.appendTo($('#f-table'));
        } else {
            alert('新增信息不能为空！')
        }
    });

    //3，修改时点击返回按钮让修改信息页面消失
    $('#txt_add').on('click', '.bg-color2', function () {
        $('#pop_info').css('display', 'none');
        $('#txt_add').css('display', 'none');//关闭用于修改的按钮组
    });

    //4，确定修改时定位被修改项：
    $('#f-table').on('click', '.rewrite', function () {
        order = $(this).parents('tr').index();
        var num = $(this).parent('td').siblings('#port-nums').text().replace(/^\s\s*/, '').replace(/\s\s*$/, ''),//获取需要修改的场地编号等信息
            name = $(this).parent('td').siblings('.port-name').text().replace(/^\s\s*/, '').replace(/\s\s*$/, ''),
            model = $(this).parent('td').siblings('.port-model').text().replace(/^\s\s*/, '').replace(/\s\s*$/, ''),
            owner = $(this).parent('td').siblings('.port-owner').text().replace(/^\s\s*/, '').replace(/\s\s*$/, ''),
            coords = $(this).parent('td').siblings('.port-coords').text().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        coords2 = $(this).parent('td').siblings('.port-coords2').text().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        coords3 = $(this).parent('td').siblings('.port-coords3').text().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        weight = $(this).parent('td').siblings('.port-weight').text().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        stationId = $(this).parent('td').siblings('.port-id').text().replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        $('#pop_info').css('display', 'block');
        $('#txt_add').css('display', 'block');
        $('#pop_info').find('.num-input').val(num);//在修改页面中获取需要修改的场地编号等信息
        $('#pop_info').find('.name-input').val(name);
        $('#pop_info').find('.owner-input').val(owner);
        $('#pop_info').find('.coords-input').val(coords);
        $('#pop_info').find('.coords-input2').val(coords2);
        $('#pop_info').find('.coords-input3').val(coords3);
        $('#pop_info').find('.weight-input').val(weight);
        $('#pop_info').find('.stationId-input').val(stationId);
        $('#pop_info').find('.model-input').val(model);

    });

    //修改信息后保存操作：
    $('#txt_add').on('click', '.bg-color', function () {
        var renum = $(this).parents('#pop_info').find('.num-input').val(),//获取修改后的场地编号等信息
            rename = $(this).parents('#pop_info').find('.name-input').val(),
            reowner = $(this).parents('#pop_info').find('.owner-input').val(),
            recoords = $(this).parents('#pop_info').find('.coords-input').val(),
            recoords2 = $(this).parents('#pop_info').find('.coords-input2').val(),
            recoords3 = $(this).parents('#pop_info').find('.coords-input3').val(),
            weight = $(this).parents('#pop_info').find('.weight-input').val(),
            targetTr = $('#f-table').children().eq(order);//信息确定修改后返回的被修改项。
        $('#pop_info').css('display', 'none');//关闭弹出页面
        $('#txt_add').css('display', 'none');//关闭用于修改的按钮
        //被修改后的信息：
        targetTr.children('.port-num').text(renum);
        targetTr.children('.port-name').text(rename);
        targetTr.children('.port-owner').text(reowner);
        targetTr.children('.port-coords').text(recoords);
        targetTr.children('.port-coords2').text(recoords2);
        targetTr.children('.port-coords3').text(recoords3);
        targetTr.children('.port-weight').text(weight);
    });

    //点击“导入表格”按钮效果：
    $('#import_btn').click(function () {
        $('.modal-backdrop').fadeIn('200');

    });

})
